<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="utf-8">
    <title>录音管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" th:href="@{/js/layui/css/layui.css}"  media="all" />
    <link rel="stylesheet" th:href="@{/css/public.css}"  media="all" />
</head>
<body class="childrenBody" style="-webkit-backface-visibility: hidden;">
<form class="layui-form">
    <fieldset class="layui-elem-field" style="margin-top: 10px;border-width: 2px; border-color: #f2f2f2;">
        <legend style="font-size: large;font-weight: bold;">录音管理</legend>
        <div class="layui-field-box">
            <form class="layui-form">
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <input type="text" name="name" class="layui-input" placeholder="请输入名称搜索"/>
                    </div>
                    <div class="layui-input-inline">
                        <!--<input type="text" class="layui-input searchVal" placeholder="请选择提醒话术" />-->
                        <th:block th:value="${uploadRecordFileTypes!=null}">
                            <select name="uploadRecordFileTypeStr" lay-filter="uploadRecordFileType" id="uploadRecordFileType" lay-search=""  required>
                                <option value="">请选择类型(可输关键词)</option>
                                <option th:each="it:${uploadRecordFileTypes}" th:value="${it.value}" th:text="${it.desc}" th:selected="${selUploadRecordType.value == it.value}"></option>
                            </select>
                        </th:block>
                    </div>
                    <div class="layui-input-inline">
                        <button type="button" class="layui-btn" lay-submit lay-filter="query" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:records:search')">
                            <i class="layui-icon">&#xe615;</i>
                            查询
                        </button>
                    </div>
                </div>
                <input name="packageId" th:value="${packageId}" style="display: none">
            </form>
        </div>
    </fieldset>
    <!--</blockquote>-->
    <table id="recordsTable" lay-filter="recordsTable"></table>
    <!--操作-->
    <script type="text/html" id="recordBar">
        <a class="layui-btn layui-btn-xs" lay-event="composeSpeech" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:records:edit')">合成录音</a>
        <a class="layui-btn layui-btn-xs" lay-event="view" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:records:view')">查看详情</a>
        <a class="layui-btn layui-btn-xs uploadRecordBtn" lay-event="upload"  sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:records:upload')">上传录音文件</a>
    </script>

    <button type="button" class="layui-btn" id="realUpload" style="display: none">
    </button>
</form>


<script type="text/javascript" th:inline="javascript">
    const baseUrl = [[${#servletContext.contextPath}]];
    const packageId = [[${packageId}]];
</script>
<script type="text/javascript"   th:src="@{/js/jquery-1.7.2.min.js}"></script>
<script type="text/javascript"   th:src="@{/js/layui/layui.js}"></script>
<script type="text/javascript"   th:src="@{/js/page/flow/record/queryRecordsByPackageId.js(v=${new java.util.Date().getTime()})}"></script>
<script type="text/javascript"   th:src="@{/js/DataTableExtend.js}"></script>
<script type="text/javascript"   th:src="@{/js/page/utils.js}"></script>
</body>
</html>